<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航</title>
<style>
    div{
        margin: 0 auto;
        text-align: center;
    }

    a{
        width: 70px;
        height:70px;
        text-decoration: none;
        color: #fff;
        background-color: skyblue;
        display: inline-block;
        line-height: 70px;
        
    }

    .shouji:hover{
        background: url(D:/Web素材/shouji.png) no-repeat center center;
        height:70px;
        width: 70px;
        background-size: contain;
    }

    .pingban:hover{
        background: url(D:/Web素材/pingban.png) no-repeat center center;
        height:70px;
        width: 70px;
        background-size: contain;
    }

    .chuandai:hover{
        background: url(D:/Web素材/chuandai.png) no-repeat center center;
        height:70px;
        width: 70px;
        background-size: contain;
    }

    .erji:hover{
        background: url(D:/Web素材/erji.png) no-repeat center center;
        height:70px;
        width: 70px;
        background-size: contain; 
    }

    .diannao:hover{
        background: url(D:/Web素材/diannao.png) no-repeat center center;
        height:70px;
        width: 70px;
        background-size: contain;
    }
</style>

</head>
<body>
    <div>
        <a href="https://www.vmall.com/portal/category/?categoryParams=%7B%22targetRoute%22%3A%22CategoryList%22%2C%22routeParams%22%3A%7B%22tagid%22%3A%5B%22TAG1157%22%5D%2C%22name%22%3A%5B%22%E6%89%8B%E6%9C%BA%22%5D%7D%7D" class="shouji">手机</a>
        <a href="https://www.vmall.com/portal/category/?categoryParams=%7B%22targetRoute%22%3A%22CategoryList%22%2C%22routeParams%22%3A%7B%22tagid%22%3A%5B%22TAG3488%22%5D%2C%22name%22%3A%5B%22%E6%99%BA%E8%83%BD%E7%A9%BF%E6%88%B4%22%5D%7D%7D" class="chuandai">穿戴设备</a>
        <a href="https://www.vmall.com/portal/category/?categoryParams=%7B%22targetRoute%22%3A%22CategoryList%22%2C%22routeParams%22%3A%7B%22tagid%22%3A%5B%22TAG1151%22%5D%2C%22name%22%3A%5B%22%E5%B9%B3%E6%9D%BF%22%5D%7D%7D" class="pingban">平板</a>
        <a href="https://www.vmall.com/portal/category/?categoryParams=%7B%22targetRoute%22%3A%22CategoryList%22%2C%22routeParams%22%3A%7B%22tagid%22%3A%5B%22TAG1181%22%5D%2C%22name%22%3A%5B%22%E7%AC%94%E8%AE%B0%E6%9C%AC%22%5D%7D%7D" class="diannao">电脑</a>
        <a href="https://www.vmall.com/portal/category/?categoryParams=%7B%22targetRoute%22%3A%22CategoryList%22%2C%22routeParams%22%3A%7B%22tagid%22%3A%5B%22TAG3498%22%5D%2C%22name%22%3A%5B%22%E8%80%B3%E6%9C%BA%E9%9F%B3%E7%AE%B1%22%5D%7D%7D" class="erji">耳机音箱</a>
    </div>
</body>
</html>